Вы получаете [object Object]
, потому что зерна представляют собой массив объектов.
Вместо того, чтобы мутировать DOM в цикле, я бы рекомендовал создать html, а затем добавить его только один раз.
let html = '';
$.each(grains, (index, grain)=> {
html += `${grain.name}
${grain.desc}
`
});
$('.grains').html(html);
Возможно, стоит очистить диапазон данных с помощью:
. Он удалит все пробелы из вашего диапазона данных.